import {
    useState  // 私有状态
} from 'react';

const TodoForm = ({onAddTodo}) => {
    // 数据
    // props 参数数据
    // state 私有的数据
    // 单项数据流
    const [text,setText] = useState('');
    // JSX 一定得有唯一的最外层元素 树状的结构
    return (
        <>
            <h1 calssName="header">TodoList</h1>
            <form>
                <input
                    type="text"
                    value={text} 
                    onChange={e => setText(e.target.value)}
                />
            </form>
        </>
    )
}
export default TodoForm